﻿@charset "utf-8";
/* 공통 */
.fl				{ float:left }
.fr				{ float:right; }
.br				{ border-right:1px solid #d9d9d9 }
.bt				{ border-bottom:1px solid #d9d9d9 }
.fb				{ font-weight:bold }
.fs11			{ font-size:11px }
.fs12			{ font-size:12px }
.f_ora			{ color:#ff5400 }
.box03			{ margin:0 0 0 0 }

#wrap			{ width:1000px; margin:0 auto;}
/* top */
.logo			{ float:left; margin:0px 0 0 0; width:280px;}
.login			{ float:right; margin:20px 10px 0 0; }
.login li		{ float:left; margin:0 15px 0 0 }
.global 		{ width:1000px; }
#menu			{ clear:both; background:url(../images/tmenu_bg.jpg) no-repeat; width:1000px; height:55px; position:relative; }
#menu li		{ float:left; }
#menu .ul_menu  { padding:10px 0 0 45px }
.menu01			{ position:absolute; top:11px; left:45px }
.menu02			{ position:absolute; top:11px; left:147px }
.menu03			{ position:absolute; top:11px; left:250px }
.menu04			{ position:absolute; top:11px; left:352px }
.menu05			{ position:absolute; top:11px; left:454px }
.menu06			{ position:absolute; top:11px; left:536px }
.sear_sel		{ position:absolute; top:9px; left:691px; font-size:11px !important;  }
.sear_sel select { width:79px; height:20px; }
.sear_input		{ position:absolute; top:9px; left:775px;  }
.sear_input	input { border:1px solid #3977c1;width:162px; height:19px }  
.sear_btn		{ position:absolute; top:8px; left:943px }
/* 센터 좌측 */
#left_con		{ float:left; background:url(../images/left_top_bg.gif) no-repeat left top; width:170px; }
.time			{ margin:13px 0 19px 25px; color:#ff7902; font-size:14px; font-weight:bold; }
.login_info		{ background:url(../images/info_bg.gif) no-repeat; width:159px; height:37px; margin:0 0 0 4px; padding:8px 0 0 5px; }
.login_info li  { float:left }
.login_info .name { font-size:11px !important; margin:3px 28px 0 0; padding: 0 0 0 17px; }
.left_banner	{ border-bottom:0px solid #d5d6db; width:159px; height:247px; margin:0 0 8px 5px; padding:3px 0 0 7px; background:url(../images/left_ul_bg.gif) no-repeat left top; }
.familysite		{ margin:0 0 0 5px }
/* 센터 중앙 */
#contents		{ display:inline-block; background:url(../images/c_bg.gif) left top; }
#center_con		{ min-height:575px; background:url(../images/center_bg.gif) no-repeat left top #fff; width:737px; display:table; float:left; margin:0 7px 0 0; }
.navi			{ clear:both; height:30px; padding:12px 0 0 43px; background:url(../images/location_bg.gif) no-repeat; background-position:20px 10px; margin: 0 0 13px;}

.navi_new			{ clear:both; height:30px; padding:12px 0 0 43px; background:url(../images/cumstomer/new_navi.gif) no-repeat; background-position:20px 10px; margin: 0 0 13px; font-size:12px;}


.centet_left	{  float:left; width:330px; margin:0 17px 0 20px}
.box01			{ margin:0 0 0 0 }
.box_tit		{ clear:both; height:20px; margin:0 0 10px 0; background:url(../images/tit_bg.gif) repeat-x left bottom ; }
.box_tit .more	{ margin:4px 0 0 0 }
.box_tit li 	{ display:inline; }
.main_TL		{ width:100%; background:#fff; font-size:11px; }
.main_TL td		{ text-align:center; padding:7px}
.main_TL th		{ font-weight:bold; color:#595959; text-align:center; font-size:12px; }
.main_TL .th_l	{ }	
.main_TL .t_11	{ background:url(../images/t_11.gif) no-repeat left top; }
.main_TL .t_12	{ background:url(../images/t_12.gif) repeat-x left top; }
.main_TL .t_01	{ background:url(../images/t_01.gif) no-repeat right top; }
.main_TL .t_03	{ background:url(../images/t_03.gif) repeat-y right top; }
.main_TL .t_05	{ background:url(../images/t_05.gif) no-repeat right bottom; }
.main_TL .t_06	{ background:url(../images/t_06.gif) repeat-x left bottom; }
.main_TL .t_07	{ background:url(../images/t_07.gif) no-repeat left bottom; }
.main_TL .t_09	{ background:url(../images/t_09.gif) no-repeat left top; }
.main_TL .tr_bg	{ background:url(../images/tr_bg.gif) repeat-x left top; }
.main_TL .nr_bg	{ background:url(../images/nr_bg.gif) repeat-y left top; }
.main_TL .nr_bg09	{ background:url(../images/nr_bg09.gif) repeat-y right top; }
.main_BL		{  width:100%; font-size:11px; }
.main_BL td		{ border-bottom:1px solid #f1f1f1; height:21px; }
.main_BL td img	{ vertical-align:middle; margin:0 4px 4px 0 }
.main_BL a		{ color:#525252 !important; background:url(../images/gg.gif) no-repeat 0px 4px; padding: 0 0 0 10px}
.main_BL .day	{ font-size:10px !important; color:#525252; font-family:Verdana, Geneva, sans-serif;  }
.bottom_bg		{ background:url(../images/bottom_bg.gif) no-repeat; width:1000px; height:13px; }
/* 센터 우측 */
#right_con		{ min-height:707px; float:left; background:url(../images/right_bg.gif) no-repeat left top; width:86px  }
#right_con	ul	{margin:12px 0 0 7px	}	
/* 하단  */
#footer				{ position:relative; width:1000px; height:79px; }
#footer .logo		{ position:absolute; top:19px; left:60px; }
#footer .address	{ position:absolute; top:19px; left:187px; font-size:11px; color:#888888 }
#footer .copyright	{  position:absolute; top:38px; left:187px; }


/******************* 게시판 넘버링 처리 *******************/
.paginate_complex {padding:15px 0;line-height:normal; text-align:center; width:100%; clear:both; }
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:0px solid #d6d6d6;border-right:0px solid #d6d6d6;background-color:#fff;font:normal 11px/16px Tahoma, Sans-serif;color:#999999;text-decoration:none;vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#ff8600}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:6px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}

/* 서브 메뉴 */
#menu a			{ color:#525b60 }
#menu :hover	{ color:#0356b6 }
.last-child	{ border-bottom:none !important;	}	
.sub_bg	{ background:url(../images/step02_bg.png) no-repeat left bottom; display:inline-block;}

.sub_menu01		{ width:105px; font-size:12px; z-index:9999999999; font-weight:bold; }
.sub_menu01	dd	{ display:block !important; padding:7px 0 7px 9px;  width:94px; border-bottom:1px solid #bcbcba;}			

.sub_menu02		{ width:105px; font-size:12px; z-index:9999999999; font-weight:bold; }
.sub_menu02	dd	a { display:block !important; padding:7px 0 7px 9px;  width:92px; background: #eae9e7;  border-bottom:1px solid #bcbcba; border-left:1px solid #8c98b0;}			
.sub_menu02	dd :hover { display:block !important; padding:7px 0 7px 9px;  width:92px; background: #ffffff;  border-bottom:1px solid #bcbcba; border-left:1px solid #8c98b0;}		

.sub_menu03		{ width:105px; font-size:12px; z-index:9999999999; font-weight:bold; }
.sub_menu03	dd	{ display:block !important; padding:7px 0 7px 9px;  width:94px; border-bottom:1px solid #bcbcba;}			

.sub_menu04		{ width:105px; font-size:12px; z-index:9999999999; font-weight:bold; }
.sub_menu04	dd	{ display:block !important; padding:7px 0 7px 9px;  width:94px; border-bottom:1px solid #bcbcba;}			

.sub_menu05		{ width:105px; font-size:12px; z-index:9999999999; font-weight:bold; }
.sub_menu05	dd	{ display:block !important; padding:7px 0 7px 9px;  width:94px; border-bottom:1px solid #bcbcba;}			

.sub_menu06		{ width:105px; font-size:12px; z-index:9999999999; font-weight:bold; }
.sub_menu06	dd	{ display:block !important; padding:7px 0 7px 9px;  width:94px; border-bottom:1px solid #bcbcba;}


/* 공지사항 */			
.notice_table	{ width:696px; margin:0 17px 0 20px; }
.pleft			{ padding: 5px 3px 5px 13px !important; }
.w159_tr		{ width:159px; text-align:right !important; margin:8px 0 0 10px}

.left_menu		{ text-align:left !important }
.left_menu li	{ padding:0 0 0 15px; width:135px; line-height:30px; vertical-align:middle; border-bottom:1px solid #dedfe2; margin:0 9px 0 0; font-weight:bold; font-size:12px; background:url(../images/cumstomer/left_nor.png) no-repeat 141px 12px;}
.left_menu a	 	{ color:#525b60; }
.left_menu a:hover	{ color:#0356b6; }
.left_menu li:hover	{ background:url(../images/cumstomer/left_hover.png) no-repeat 141px 12px; }
.write_btn	{  position:absolute; top:13px; left:627px;}
